<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="app">
			<div class="container"></div>
			<span style="background-color: white;">河南师范大学</span>
		</div>
	</body>

	<style>
		#app {
			margin: 30px;
			position: relative;
		}

		.container {
			width: 400px;
			height: 300px;
			border: 5px solid gray;
			border-radius: 5%;
		}

		span {
			display: inline-block;
			width: 130px;
			text-align: center;
			position: absolute;
			top: -10px;
			left: 20px;
			transition: all 1s;
		}

		span:active {
			transform: translateX(150%);
		}
	</style>
</html>
